<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板编辑</title>
    <link rel="stylesheet" href="${ctxPath}/assets/libs/layui/css/layui.css">
    <link rel="stylesheet" href="${ctxPath}/assets/module/font-awesome/css/font-awesome.css" media="all">
    <script src="${ctxPath}/assets/libs/layui/layui.js"></script>
    <link rel="stylesheet" href="${ctxPath}/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctxPath}/assets/module/admin.css">
</head>

<script>
    layui.config({
        base: "${ctxPath}/assets/module/"
    }).extend({
        xce: 'layui_exts/xce/xce',
        xTree: 'layui_exts/xTree/xTree',
        xAce: 'layui_exts/xAce/xAce',
        xUtils: 'layui_exts/xUtils',
    });
</script>
<style>
    body{
        background: #676666;
    }
    .hide {
        display: none;
    }

    .demo{
        width: 1500px;
        margin: auto;

    }
    .layui-card-body{
        padding: 0;
    }
</style>

<body style="padding: 18px;">
<div class="layui-card demo">
    <div class="layui-card-header">XCE代码编辑器</div>
    <div class="layui-card-body">
        <div id="xce-editor" style="height: 800px"></div>
        </div>
    </div>
</body>
<script>
    layui.use(["xce"],function(){

        let xce = layui.xce;

        xce.render({
            elem: "#xce-editor",
            api: "/getFileTree?templateId=${templateId}",
        })
    });
</script>
</html>
